<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- Modal Client -->
	<div class="modal fade" id="clientModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Add Client</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">First Name</label> <input
								type="email" class="form-control" id="exampleInputEmail1"
								placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Last Name</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Last Name">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Profession</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Profession">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Contact No.</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Contact No.">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal Manager -->
	<div class="modal fade" id="ManagerModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Add Manager</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">First Name</label> <input
								type="email" class="form-control" id="exampleInputEmail1"
								placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Last Name</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Last Name">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Profession</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Profession">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Contact No.</label> <input
								type="text" class="form-control" id="exampleInputPassword1"
								placeholder="Contact No.">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal Map Funds -->
	<div class="modal fade" id="fundsModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Map Funds</h4>
				</div>
				<div class="modal-body">
					<form role="form">

						<div class="form-group">
							<div class="fund-section">
								<h4>Client</h4>
								<select class="form-control select1">
									<option>ABC</option>
									<option>DEF</option>
									<option>DEMO</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="fund-section">
								<h4>Manager</h4>
								<select class="form-control select1">

									<option>ABC</option>
									<option>DEF</option>
									<option>DEMO</option>
									<option>SARVA</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="fund-section">
								<h4>Funds</h4>
								<select class="form-control select1">

									<option>ABC LS Fund</option>
									<option>ABC EM Fund</option>
									<option>ABC Arb Fund</option>
									<option>DEF World Marco Fund</option>
									<option>DEMO LS Fund</option>
									<option>DEMO Stat Arb Fund</option>
								</select>
							</div>
							<button type="button" class="btn btn-red" id="select-values">Map</button>
							<div id="result"></div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal Map Funds -->
	<div class="modal fade" id="tradefundModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Trade Map Funds</h4>
				</div>
				<div class="modal-body">
					<form role="form">

						<div class="form-group">
							<div class="fund-section">
								<h4>Trade File</h4>
								<select class="form-control select3">

									<option value="1">ABC</option>
									<option value="2">DEF</option>
									<option value="3">DEMO</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="fund-section">
								<h4>Data Point</h4>
								<select class="form-control select3">

									<option value="1">ABC</option>
									<option value="2">DEF</option>
									<option value="3">DEMO</option>
									<option value="4">SARVA</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="fund-section">
								<h4>Inbound Mapping</h4>
								<select class="form-control select3">

									<option value="1">ABC</option>
									<option value="2">DEF</option>
									<option value="3">DEMO</option>
									<option value="4">SARVA</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="fund-section">
								<h4>Outbound Mapping</h4>
								<select class="form-control select3">
									<option>Funds</option>
									<option>ABC LS Fund</option>
									<option>ABC EM Fund</option>
									<option>ABC Arb Fund</option>
									<option>DEF World Marco Fund</option>
									<option>DEMO LS Fund</option>
									<option>DEMO Stat Arb Fund</option>
								</select>
							</div>
							<button type="button" class="btn btn-red" id="select-values1">Map</button>
							<div id="result1"></div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal ProfitLossModel -->
	<div class="modal fade" id="ProfitLossModel" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Profit & Loss</h4>
				</div>
				<div class="modal-body">
					<div id="ProfitLoss" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal Var -->
	<div class="modal fade" id="varModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Var</h4>
				</div>
				<div class="modal-body">
					<div id="var" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	<!-- CollateralOverview Modal Reports table -->
	<div class="modal fade" id="CollateralOverviewModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Collateral Overview</h4>
				</div>
				<div class="modal-body">
					<div id="CollateralOverview" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- positioncounter Modal Reports table -->
	<div class="modal fade" id="PositionbyCounterpartyModel" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions by
						Counterparty</h4>
				</div>
				<div class="modal-body">
					<div id="positioncounter1" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- PositionbyProduct Modal Reports table -->
	<div class="modal fade" id="PositionbyCounterpartyAccTypeModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions by Product
					</h4>
				</div>
				<div class="modal-body">
					<div id="positioncounter2" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- CashPaymentProjections Modal Reports table -->
	<div class="modal fade" id="CashPaymentProjectionsModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Cash Payment
						Projections</h4>
				</div>
				<div class="modal-body">
					<div id="CashPaymentProjections" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- TradeFailures Modal Reports table -->
	<div class="modal fade" id="TradeFailuresModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Trade Failures</h4>
				</div>
				<div class="modal-body">
					<div id="TradeFailuresGrid" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- cashrecon treeGrid Modal Reports table -->
	<div class="modal fade" id="cashreconModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Cash Reconciliation
					</h4>
				</div>
				<div class="modal-body">
					<div id="cashrecon" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- treeGrid Modal Reports table -->
	<div class="modal fade" id="treeGridModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions
						Reconciliation</h4>
				</div>
				<div class="modal-body">
					<div id="treeGrid" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Modal Reports table -->
	<div class="modal fade" id="AgingReportModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Aging Report</h4>
				</div>
				<div class="modal-body">
					<div id="AgingReportGrid" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- positioncounter Modal Reports table -->
	<div class="modal fade" id="positioncounterModal1" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions by
						Counterparty</h4>
				</div>
				<div class="modal-body">
					<div id="positioncounter1" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- positioncounter Modal Reports table -->
	<div class="modal fade" id="positioncounterModal2" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions by Product
						Account Type</h4>
				</div>
				<div class="modal-body">
					<div id="positioncounter2" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- positioncounter Currency Modal Reports table -->
	<div class="modal fade" id="PositionbyCounterpartyCurrencyModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Positions by Settle
						Currency</h4>
				</div>
				<div class="modal-body">
					<div id="positioncounter3" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	<!-- masterAggrementFinalModal -->
	<div class="modal fade" id="MasterAgreementReportModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Master Aggrement
						Final Grid</h4>
				</div>
				<div class="modal-body">
					<div id="masterAggrementFinal" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- CashBalancesModal Modal Reports table -->
	<div class="modal fade" id="CashBalancesModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Cash Payment
						Projections</h4>
				</div>
				<div class="modal-body">
					<div id="CashBalances" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	
	<!-- CashBalanceClearer first and second Modal Reports table -->
	<div class="modal fade" id="CashByClearerModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Cash Payment
						Projections</h4>
				</div>
				<div class="modal-body">
					<div id="CashByClearerGrid1" style="clear: both;"></div></br></br>
					<div id="CashByClearerGrid2" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

	<!-- CashUpcomingModal Modal Reports table -->
	<div class="modal fade" id="CashUpcomingModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Cash Upcoming Pay
						Receive</h4>
				</div>
				<div class="modal-body">
					<div id="CashUpcomingGrid" style="clear: both;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Risk Cash Flow Modal -->
    <div class="modal fade" id="RiskCashFlowAnalysisModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Risk Cash Flow Grid</h4>
          </div>
            <div class="modal-body"> 
                <div id="riskCashFlowGrid" style="clear:both;"></div>
            </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    
     <!-- Risk Time Horizon Modal -->
    <div class="modal fade" id="riskTimeHorizonModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Risk Time Horizon Grid</h4>
          </div>
            <div class="modal-body"> 
                <div id="riskTimeHorizonGrid" style="clear:both;"></div>
            </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    
     <!-- CashDailyChange Modal Reports table -->
    <div class="modal fade" id="CashDailyChangeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Cash Payment Projections</h4>
            </div>
            <div class="modal-body">
                <div id="CashDailyChange" style="clear:both;"></div>
            </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    



	<!-- Modal Report -->
	<div class="modal fade" id="reportRangeModal" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<!--  True upload form -->
				<!--  AM Start from here content from FileUpload.jsp check in notepad++ -->

				<!--  Upload Form End  -->

				<!-- Test UI form  I am Done JB -->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Date Range</h4>
				</div>
				<div class="modal-body">


					<div class="input-prepend">
						<span class="add-on"> <i
							class="glyphicon glyphicon-calendar icon-calendar"></i>
						</span> <input type="text" style="width: 200px; margin-right: 30px"
							name="dateRange" id="dateRange" value="" />


						<button type="button" class="btn "
							data-bind=" click : function(){  $root.getAllReport()}">Fetch
							Reports</button>
					</div>

					<br />
					<br />
					<div>
						<table class="table table-striped" cellpadding="2px"
							cellspacing="2px">
							<thead>
								<tr>
									<th>Action</th>
									<th>Report Id</th>
									<th>Category</th>
									<th>Date</th>
								</tr>
							</thead>
							<tbody data-bind="foreach : reportListAll">
								<tr>
									<td><a id="downloadbut" href="#" type="button" class="bg"
										data-toggle="" data-placement="top" title="Download Report"
										data-bind="click : function() {  $root.openPdf($data); }">
											<i class="entypo-download"></i>
									</a></td>
									<td data-bind="text : ko.toJS(reportId)"></td>
									<td data-bind="text : ko.toJS(reportDesc)"></td>
									<td data-bind="text : ko.toJS(asOfDate)"></td>

								</tr>
							</tbody>
						</table>
					</div>

				</div>
				<!--  Test Form End  -->
			</div>
		</div>

	</div>
